<!DOCTYPE html>
<html>
<head>
<title>dayin.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${frontRes}/javascript/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="${frontRes}/javascript/jquery.jqprint-0.3.js"></script>
<style type="text/css">
	img{
		width:200px;
		height:200px;
	}
</style>
<script type="text/javascript">
	function changeCol(count){
		var imgSize=$("#pics").children("img").length;
		var res="";
		$("#pics>img").each(function(i){
			res+=" <img src='"+$(this).attr("src")+"' />";
			if(i%count==(count-1)){
				res+="<br>";
			}
		}); 
		$("#pics").html(res);
	}
</script>
</head>
<body>
	<div class="" id="pics"> 
		[#list list as pic] 
			[#if pic_index==col]<br>[/#if]
			<img src="${base}/resources/front/image/${pic.url}" />
		[/#list]
	</div>
	<input type="button" onclick="changeCol(2)" value="2*2">
	<input type="button" onclick="changeCol(3)" value="3*3">
	<input type="button" onclick="changeCol(4)" value="4*4">
	<br>
	<input type="button" value="确定打印" onclick="$('#pics').jqprint();"/>
</body>
</html>
